<%@page import="fy.bean.Ssfwzx"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" isErrorPage="true"
	pageEncoding="UTF-8"%>

<%@ page import="fy.bean.*,java.util.*,fy.util.*"%>
<%
	PictureBean picture1 = new PictureBean();
	List<PictureBean> tplb1 = picture1.findsfgkByLb("dblb");
	PictureBean picture3 = new PictureBean();
	List<PictureBean> tplb3 = picture1.findsfgkByLb("lmtp");
%>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>赣州经济技术开发区人民法院</title>
<link rel="shortcut icon" type="image/x-icon" href="../img/国徽.png">
<link rel="stylesheet" type="text/css" href="../css/css.css">
<link rel="stylesheet" type="text/css" href="../css/1.css">
<link rel="stylesheet" type="text/css" href="../css/2.css">
<link rel="stylesheet" type="text/css" href="../css/byjs.css">
<link rel="stylesheet" type="text/css" href="../css/new.css">
<link rel="stylesheet" href="../css/css5.css" />
<link rel="stylesheet" type="text/css" href="../css/byjs.css">
<link rel="stylesheet" type="text/css" href="../css/css1.css">
<script src="../js/jquery.js"></script>
<script src="../js/index.js"></script>

<link rel="stylesheet" type="text/css" href="../css/zzsc.css" />
<link rel="stylesheet" type="text/css" href="../css/3.css">

<link type="text/css" rel="stylesheet" href="../css/carousel.css">
<link href="../css/sszn.css" rel="stylesheet" />
<script src="../js/jquery-3.4.1.min.js"></script>

<script src="jquery-3.4.1.min.js"></script>
<script type="text/javascript">
	$(function() {

		$("#btnClick1").click(function() {
			$("#demo1").html("&nbsp;&nbsp;一、递交立案材料")
			$("#demo2").html("&nbsp;&nbsp;&nbsp;&nbsp;当事人递交材料")
			$("#btnClick1").css("background-color", "rgb(204, 26, 10)");
		});

	});
	$(function() {

		$("#btnClick2")
				.click(
						function() {
							$("#demo1").html("&nbsp;&nbsp;二、审查立案 ")
							$("#demo2")
									.html(
											"&nbsp;&nbsp;&nbsp;&nbsp;立案人员收到立案材料之日起7日内审查立案，对符合立案条件的，生成案号。")

							$("#btnClick2").css("background-color",
									" rgb(204, 26, 10)");
						});

	});
	$(function() {

		$("#btnClick3")
				.click(
						function() {
							$("#demo1").html("&nbsp;&nbsp;三、送达诉讼服务书 ")
							$("#demo2")
									.html(
											"&nbsp;&nbsp;&nbsp;&nbsp;立案人员向原告送达《受理案件通知书》、《诉讼风险告知通知书》等诉讼文书，告知其缴费。")
							$("#btnClick3").css("background-color",
									"rgb(204, 26, 10)");
						});

	});
	$(function() {

		$("#btnClick4")
				.click(
						function() {
							$("#demo1").html("&nbsp;&nbsp;四、预交费用 ")
							$("#demo2")
									.html(
											"&nbsp;&nbsp;&nbsp;&nbsp;当事人收到通知书次日起7日内预交案件受理和其他诉讼费用，并填写《送达地址确认书》及送达回证。立案人员开具人民法院诉讼费用专用票据给当事人")

							$("#btnClick4").css("background-color",
									"rgb(204, 26, 10)");
						});

	});
	$(function() {

		$("#btnClick5").click(function() {
			$("#demo1").html("&nbsp;&nbsp;五、立案审批 ")
			$("#demo2").html(" &nbsp;&nbsp;&nbsp;&nbsp;立案人员办理审批表，由立案庭庭长审批")
			$("#btnClick5").css("background-color", "rgb(204, 26, 10)");
		});

	});
	$(function() {

		$("#btnClick6")
				.click(
						function() {
							$("#demo1").html(" &nbsp;&nbsp;六、案件分流 ")
							$("#demo2")
									.html(
											" &nbsp;&nbsp;&nbsp;&nbsp; 根据案件进行分流。速裁法官对简易案件及小额速裁案件进行调解或审理，行政案件不适用调解和简易程序。")
							$("#btnClick6").css("background-color",
									"rgb(204, 26, 10)");
						});

	});
	$(function() {

		$("#btnClick7")
				.click(
						function() {
							$("#demo1").html(" &nbsp;&nbsp;七、分案 ")
							$("#demo2")
									.html(
											"&nbsp;&nbsp;&nbsp;&nbsp;  对保全类案件，案情复杂案件及速裁未调处案件，由立案庭庭·长根据业务庭法官办案数量按案号顺序进行分案。")
							$("#btnClick7").css("background-color",
									"rgb(204, 26, 10)");
						});

	});
	$(function() {

		$("#btnClick8").click(function() {
			$("#demo1").html("&nbsp;&nbsp;八、案件发送业务庭 ")
			$("#demo2").html(" &nbsp;&nbsp;立案人员在确认承办法官后次日内将案件发业务庭。")
			$("#btnClick8").css("background-color", " rgb(204, 26, 10)");
		});

	});
	$(function() {

		$("#btnClick9")
				.click(
						function() {
							$("#demo1").html("&nbsp;&nbsp;一审案件 ")
							$("#demo2")
									.html(
											"1、刑事: 公诉案件，应当在受理后二个月内宣判，至迟不得超过三个月。对于可能判处死刑或附带民事诉讼的案件以及有刑事诉讼发第一百五十六条规定情形之一的，经上一级人民法院批准，可延长三个月，因特殊情况还需要延长的，报请最高人民法院批准，适用简易程序的案件，应当在受理后二十日以内审结；对可能处有期徒刑超过三年的，可延长至一个月。<br/>  2、民事:  适用普通程序的，立案之日起六个月内审结，有特殊情况需要延长的，有本院院长批准，可延长六个月；还需要延长的，报请上级人民法院批准，适用简易程序的应当立案之日起三给月内审结。 3、行政 立案之日三个月内做出一个一审裁决，有特殊情况需要延长的，由最高人民法院批准高级人民法院审理第一案件需要延长的，由最高人民法院批准。")
							$("#btnClick9").css("background-color",
									" rgb(204, 26, 10)");
						});

	});
	$(function() {

		$("#btnClick10")
				.click(
						function() {
							$("#demo1").html("&nbsp;&nbsp;二审案件  ")
							$("#demo2")
									.html(
											"1、刑事 应当在二个月内审结，对于可能判处死刑的案件或者附带民事诉讼的案件以及有刑事诉讼发第一百五十六条规定情形之一的，经上一级人民法院批准，可延长儿个月，因特殊情况还需要延长的，报请最高人民法院批准，最高人民法院受理的上诉、抗诉案件、由最高人民法院决定。<br/>2、民事、对判决的上诉案件，应当在第二审立之日起三个月内审结，有特殊情况需要延长的，有本院院长批准，对裁定的上诉案件，应当在第二审结立案之日起三十日内作出终审裁定。<br/>   3、行政   立案之日起2两个月内做出终审裁定，有特殊情况需要延长的，由高级人民法院批准，高级人民法院审理上诉案件需要延长的，由最高人民法院批准。")
							$("#btnClick10").css("background-color",
									"rgb(204, 26, 10)");
						});

	});
	$(function() {

		$("#btnClick11")
				.click(
						function() {
							$("#demo1").html("&nbsp;&nbsp;三、申请再审、申诉案件 ")
							$("#demo2")
									.html(
											"  1、刑事:  对立案审查的申述案件，应当在三个月内作出是否予以再审的处理 <br/> 2、民事:  自收到再申请书之日起三个月内审查完毕，有特殊情况需要延长的，由本院院长批准。<br/>    3、行政:   立案登记材料经审查后，在六个月作出是否予以再审的处理。")
							$("#btnClick11").css("background-color",
									"rgb(204, 26, 10)");
						});

	});
	$(function() {

		$("#btnClick12")
				.click(
						function() {
							$("#demo1").html("&nbsp;&nbsp;四、再审事件  ")
							$("#demo2")
									.html(
											" 1、刑事： 按照审判监督程序重新审判的案件，应当作出提审，再审决定之日起三个月以内审结，需要延长期限的，不得超过六个月。<br/>  2、民事：  按照一审程序审理的，适用第一审程度的审理期限。按照二审程序审理的，适用于第二审程序的审理期限。<br/>  3、行政：  按照一审程序审理的，适用第一审程序的审理期限。按照二审程序审理的，适用第二审程序的审理期限")
							$("#btnClick12").css("background-color",
									"rgb(204, 26, 10)");
						});

	});
</script>

<style type="text/css">
#div {
	width: 700px;
	height: 900px;
	overflow-x: hidden;
	overflow-y: scroll;
	text-align: left;
}

#div::-webkit-scrollbar {
	display: none;
}
</style>
</head>
<body>

	<div>
		<div class="top">
			<div class="c-banner">
				<div class="top_up">
					<div class="top_hare">
						<div class="top_picture">
							<img src="../img/国徽.png">
						</div>
						<div class="top_words">
							<span>赣州经济技术开发区人民法院</span>
						</div>

					</div>
				</div>
				<div class="banner">
					<ul>
						<%
							for (int i = 0; i < tplb1.size(); i++) {
						%>

						<li><img src="<%=tplb1.get(i).getPicture()%>"></li>
						<%
							}
						%>
					</ul>
				</div>

				<script type="text/javascript" src="js/jquery.js"></script>
				<script type="text/javascript">
					//定时器返回值
					var time = null;
					//记录当前位子
					var nexImg = 0;
					//用于获取轮播图图片个数
					var imgLength = $(".c-banner .banner ul li").length;
					//当时动态数据的时候使用,上面那个删除
					// var imgLength =0;
					//设置底部第一个按钮样式
					$(".c-banner .jumpBtn ul li[jumpImg=" + nexImg + "]").css(
							"background-color", "black");

					//页面加载
					$(document).ready(function() {
						// dynamicData();
						//启动定时器,设置时间为3秒一次
						time = setInterval(intervalImg, 3000);
					});

					//点击上一张
					$(".preImg").click(
							function() {
								//清楚定时器
								clearInterval(time);
								var nowImg = nexImg;
								nexImg = nexImg - 1;
								console.log(nexImg);
								if (nexImg < 0) {
									nexImg = imgLength - 1;
								}
								//底部按钮样式设置
								$(".c-banner .jumpBtn ul li").css(
										"background-color", "white");
								$(
										".c-banner .jumpBtn ul li[jumpImg="
												+ nexImg + "]").css(
										"background-color", "black");

								//将当前图片试用绝对定位,下一张图片试用相对定位
								$(".c-banner .banner ul img").eq(nowImg).css(
										"position", "absolute");
								$(".c-banner .banner ul img").eq(nexImg).css(
										"position", "relative");

								//轮播淡入淡出
								$(".c-banner .banner ul li").eq(nexImg).css(
										"display", "block");
								$(".c-banner .banner ul li").eq(nexImg).stop()
										.animate({
											"opacity" : 1
										}, 1000);
								$(".c-banner .banner ul li").eq(nowImg).stop()
										.animate(
												{
													"opacity" : 0
												},
												1000,
												function() {
													$(".c-banner ul li").eq(
															nowImg).css(
															"display", "none");
												});

								//启动定时器,设置时间为3秒一次
								time = setInterval(intervalImg, 3000);
							})

					//点击下一张
					$(".nexImg").click(function() {
						clearInterval(time);
						intervalImg();
						time = setInterval(intervalImg, 3000);
					})

					//轮播图
					function intervalImg() {
						if (nexImg < imgLength - 1) {
							nexImg++;
						} else {
							nexImg = 0;
						}

						//将当前图片试用绝对定位,下一张图片试用相对定位
						$(".c-banner .banner ul img").eq(nexImg - 1).css(
								"position", "absolute");
						$(".c-banner .banner ul img").eq(nexImg).css(
								"position", "relative");

						$(".c-banner .banner ul li").eq(nexImg).css("display",
								"block");
						$(".c-banner .banner ul li").eq(nexImg).stop().animate(
								{
									"opacity" : 1
								}, 1000);
						$(".c-banner .banner ul li").eq(nexImg - 1).stop()
								.animate(
										{
											"opacity" : 0
										},
										1000,
										function() {
											$(".c-banner .banner ul li").eq(
													nexImg - 1).css("display",
													"none");
										});
						$(".c-banner .jumpBtn ul li").css("background-color",
								"white");
						$(".c-banner .jumpBtn ul li[jumpImg=" + nexImg + "]")
								.css("background-color", "black");
					}

					//轮播图底下按钮
					//动态数据加载的试用应放在请求成功后执行该代码,否则按钮无法使用
					$(".c-banner .jumpBtn ul li")
							.each(
									function() {
										//为每个按钮定义点击事件
										$(this)
												.click(
														function() {
															clearInterval(time);
															$(
																	".c-banner .jumpBtn ul li")
																	.css(
																			"background-color",
																			"white");
															jumpImg = $(this)
																	.attr(
																			"jumpImg");
															if (jumpImg != nexImg) {
																var after = $(
																		".c-banner .banner ul li")
																		.eq(
																				jumpImg);
																var befor = $(
																		".c-banner .banner ul li")
																		.eq(
																				nexImg);

																//将当前图片试用绝对定位,下一张图片试用相对定位
																$(
																		".c-banner .banner ul img")
																		.eq(
																				nexImg)
																		.css(
																				"position",
																				"absolute");
																$(
																		".c-banner .banner ul img")
																		.eq(
																				jumpImg)
																		.css(
																				"position",
																				"relative");

																after
																		.css(
																				"display",
																				"block");
																after
																		.stop()
																		.animate(
																				{
																					"opacity" : 1
																				},
																				1000);
																befor
																		.stop()
																		.animate(
																				{
																					"opacity" : 0
																				},
																				1000,
																				function() {
																					befor
																							.css(
																									"display",
																									"none");
																				});
																nexImg = jumpImg;
															}
															$(this)
																	.css(
																			"background-color",
																			"black");
															time = setInterval(
																	intervalImg,
																	3000);
														});
									});
				</script>
			</div>
		</div>

		<div style="width: 1100px; height: 1010px; margin: auto;">
			<div
				style="width: 1100px; height: 100px; border: 1px solid white; z-index: 1000; position: relative;">
				<div id="nav" style="width: 1100px">
					<ul style="font: black">
						<li><a href="../index.jsp"> 首页</a></li>
						<li><a href="../courtintroduce/courtintroduce.jsp"> 法院介绍
						</a></li>
						<li><a href="../dwgz/dwgz.jsp"> 党建引领 </a></li>
						<li><a href="../newscenter/newcenter.jsp"> 新闻中心 </a></li>
						<li><a href="../sfgk/ggl.jsp"> 司法公开 </a></li>
						<li style="width: 140px;"><a href="yyla.jsp"> 诉讼服务中心 </a></li>
						<li><a href="../fywh/whzb.jsp"> 法院文化 </a></li>
						<li style="border-right: 0px"><a href="../zxhd/yzxx.jsp">
								在线互动 </a></li>

					</ul>
				</div>


				<div style="width: 350px; float: left; margin-top: 50px;">


					<div class="new1">
						<div style="width: 60%;">
							<a href="yyla.jsp" style="font-size: 25px;"><font
								color="white">诉讼服务中心</font></a>
						</div>
					</div>
					<div class="new3">
						<a href="yyla.jsp" style="font-size: 25px">
							<center>预约立案</center>
						</a>
					</div>


					<div class="new3">
						<a href="ssfy.jsp" style="font-size: 25px">
							<center>诉讼费用</center>
						</a>
					</div>

					<div class="new3">
						<a href="sszn.jsp" style="font-size: 25px"><center>
								诉讼指南</center></a>
					</div>

					<div class="new3">
						<a href="wsmb.jsp" style="font-size: 25px;"><center>
								文书模板</center></a>
					</div>



					<div class="new3">
						<a href="https://www.chinacourt.org/law.shtml"
							style="font-size: 25px">
							<center>法律文库</center>
						</a>
					</div>
					<div class="new3">
						<a href="fxgz.jsp" style="font-size: 25px">
							<center>风险告知</center>
						</a>
					</div>




					<%
						for (int i = 0; i < tplb3.size(); i++) {
					%>
					<div class="new4" id="#boxshadow">

						<a href="<%=tplb3.get(i).getLink()%>"> <img
							src="<%=tplb3.get(i).getPicture()%>">
						</a>
					</div>
					<%
						}
					%>

					<div class="tb">
						<a href="../zxhd/yzxx.jsp"><img src="../img/1.gif"></a>
					</div>
					<div class="tb">
						<a href="http://jubao.court.gov.cn/E7J"><img
							src="../img/2.gif"></a>
					</div>
				</div>



				<div style="float: right; margin-top: 50px;">

					<div style="font-size: 18px;">
						<strong>&nbsp;&nbsp;&nbsp;</strong> <a href="../index.jsp">首页</a>&gt;&gt;<a
							target="_blank" href="yyla.jsp">诉讼服务中</a>&gt;&gt;<a
							target="_blank" href="sszn.jsp">诉讼指南</a>
					</div>

					<div style="width: 700px; height: 3px; background: black;"></div>
					<div
						style="width: 700px; height: 30px; text-align: center; font-size: 28px; margin-top: 40px;">诉讼指南</div>
					<div
						style="width: 700px; height: 30px; text-align: center; font-size: 18px; margin-top: 40px; background: #f06f6f;">案件受理、审理流程讲解</div>
					<div style="width: 700px; height: 500px; margin-top: 20px;">
						<div
							style="width: 700px; height: 30px; text-align: center; font-size: 18px; margin-top: 40px;">案件受理</div>
						<div>
							<input type="button" name="btn" value="递交立案材料" class="div1"
								id="btnClick1">

							<div class="to_right"></div>
							<input type="button" name="btn" value="审查立案" class="div1"
								id="btnClick2">

							<div class="to_right"></div>
							<input type="button" name="btn" value="送达诉讼服务书" class="div1"
								id="btnClick3">

							<div class="to_right"></div>

							<input type="button" name="btn" value="预交费用" class="div1"
								id="btnClick4">

							<div class="to_right"></div>
							<input type="button" name="btn" value="立案审批" class="div1"
								id="btnClick5">

							<div class="to_right"></div>
							<input type="button" name="btn" value="案件分流" class="div1"
								id="btnClick6">

							<div class="to_right"></div>
							<input type="button" name="btn" value="分案" class="div1"
								id="btnClick7">

							<div class="to_right"></div>
							<input type="button" name="btn" value="案件发送也无庭" class="div1"
								id="btnClick8">
						</div>
						<div
							style="width: 700px; height: 30px; text-align: center; font-size: 18px; margin-top: 40px; float: left;">案件审理</div>
						<div
							style="width: 70%; height: 100px; float: left; margin-top: 20px; margin-left: 200px;">
							<input type="button" name="btn" value="一审案件" onclick="demo9()"
								class="div1" id="btnClick9">

							<div class="to_right"></div>
							<input type="button" name="btn" value="二审案件" onclick="demo10()"
								class="div1" id="btnClick10">

							<div class="to_right"></div>
							<input type="button" name="btn" value="申请再审" onclick="demo11()"
								class="div1" id="btnClick11">

							<div class="to_right"></div>
							<input type="button" name="btn" value="再审事件" onclick="demo12()"
								class="div1" id="btnClick12">
						</div>
						<div style="margin-top: 30px;"></div>
						<div
							style="width: 700px; height: 390px; border: 1px red solid; float: left;">
							<div id="demo1"
								style="border: 1px solid #bbe1f1; background: #eefaff"></div>

							<div id="demo2"
								style="border: border:1px solid #ffcc00; background: #ffffff"></div>
						</div>

					</div>


				</div>
			</div>
		</div>
		<div style="margin-top: 20px; width: 100%;">
			<div
				style="width: 1500px height:6px; background-color: red; margin-bottom: 5px; border: 2px red solid;"></div>
			<div class="div22">
				<div style="width: 1100px; margin: auto;">
					<div
						style="width: 20%; height: 71%; float: left; padding-top: 50px;">
						<a
							href="http://bszs.conac.cn/sitename?method=show&id=29975AEF1BAB5BBDE053012819AC83CC">
							<img src="../img/a1.jpg"
							style="width: 25%; height: 52%; margin-left: 300px;">
						</a>
					</div>
					<div class="fonter"
						style="font-size: 16px; position: absolute; margin-left: 420px; margin-top: 50px; text-align: center;">
						Copyright 2014 www.gzjkqfy.gov.cn All Rights Reserved<br>
						赣ICP备14009074号<br> 赣州经济技术开发区人民法院 主办<br> 电话：0797-8375993
						<br> 技术支持：深圳市易当家软件开发有限公司
					</div>
				</div>
			</div>
		</div>
</body>
</html>